{extend name="public:m_base" /}
{block name="main"}
<style>.ShareAnyLeft img{
    height:auto;}
.artistBig img{
    height:9rem;
}
</style>
<!--<div class="ShareAnySeparate"></div>-->
<div class="ShareAnyContainer" style="font-size: 0.8rem;">
    当前位置：<a href="{:url('shop/index/index')}" title="首页">首页</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a
        href="{:url('shop/artist/group')}" title="艺术家">艺术家</a>
</div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnyContainer">
    <div class="line"></div>
</div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnyContainer">
    <div class="ShareAnyLeft artistBig">
        <img src="/{$info['getimgpath']['path']}">
    </div>
    <div class="ShareAnyLeft" style="font-size: 0.8rem;    margin-top: 10px;    line-height: 20px;padding-left: 15px;">
        <p style="font-size: 1rem; font-weight: bold;">{$info['name']}</p>

        <p>{$info['location']}</p>

        <p>{$info['title']}</p>
    </div>
    <div class="ShareAnyClear"></div>
</div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnyContainer">
    <div class="line"></div>
</div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnyContainer">
    <div class="work">
        <ul>
            {volist name="artworks" id="artwork"}
            <li>
                <a href="{:url('shop/artwork/detail',['id'=>$artwork['id']])}/">
                    <img src="/{$artwork['img']['0']}">
                    <p class="clbl p111">{$artwork['title']|mb_substr=###,0,18,'utf-8'}</p>
                    <p class="clbl p222">作者：{$artwork['getartist']['name']}</p>

                </a>
            </li>
            {/volist}
        </ul>
    </div>
    <div class="ShareAnyClear"></div>
    <!--<div style="text-align: center;" class="show_hide"><a href="javascript:void(0);">更多...</a></div>-->
    <!--<div style="text-align: center;display: none;" class="hide_hide"><a href="javascript:void(0);">收起</a></div>-->
</div>
<style>

    .work li span{
        position: absolute;
        bottom: 10px;
        right: 6px;
    }
    .work li .p222{
        position: absolute;
        top: 145px;
        text-align: center;
        display: block;
        width: 100%;
    }
    .work li .p111{
        position: absolute;
        top: 136px;
        text-align: center;
        display: block;
        width: 100%;
    }
    .work li{
        width: 30%;

        height:170px;
        margin:0 1%;
        margin-top:14px;
        position: relative;
    }
    .work{
        font-size: 0.2rem;
    }
    .work a{
        height: 110px;
    }

    .work img{
        max-width:100%;
    }
</style>
<div class="ShareAnySeparate"></div>
<div class="ShareAnyContainer">
    <!--cnzz tui-->
    <script type="text/javascript" c=gd charset="utf-8" src="http://tui.cnzz.net/cs.php?id=1000097169"></script>
    <!--cnzz tui-->

</div>
<if condition="$data['artist']['resume'] neq ''">
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="line"></div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="ShareAnyLeft" style="width: 96%;">
            <div class="titleBig">
                简历
            </div>
            <div class="titleBig">
                Curriculum vitae
            </div>
        </div>
        <div class="ShareAnyLeft" style="width:96%; line-height: 14px;    font-size: 12px;">
            {$info['resume']}
        </div>
        <div class="ShareAnyClear"></div>
    </div>
</if>
<if condition="$data['artist']['exhibit'] neq ''">
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="line"></div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="ShareAnyLeft" style="width: 96%;">
            <div class="titleBig">
                参展记录
            </div>
            <div class="titleBig">
                The exhibition record
            </div>
        </div>
        <div class="ShareAnyLeft" style="width:96%; line-height: 14px;    font-size: 12px;">
            {$info['exhibit']}
        </div>
        <div class="ShareAnyClear"></div>
    </div>
</if>
<if condition="$data['artist']['comment'] neq ''">
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="line"></div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="ShareAnyLeft" style="width: 96%;">
            <div class="titleBig">
                评论文章
            </div>
            <div class="titleBig">
                Comment
            </div>
        </div>
        <div class="ShareAnyLeft" style="width:96%; line-height: 14px;    font-size: 12px;">
            {$info['comment']}
        </div>
        <div class="ShareAnyClear"></div>
    </div>

    <style>

        .work li span{
            position: absolute;
            bottom: 10px;
            right: 6px;
        }
        .work li{
            width: 29%;
            height:170px;
            position: relative;
        }
        .work{
            font-size: 0.2rem;
        }
        .work a{
            height: 110px;
        }

        .work img{
            max-width:100%;
        }
    </style>
</if>
{/block}
{/block}

{block name="footer"}
<script>
    $(document).ready(function () {
        $(".show_hide").on("click", function () {
            $(".more").show();
            $(this).hide();
            $(".hide_hide").show();
        });
        $(".hide_hide").on("click", function () {
            $(".more").hide();
            $(this).hide();
            $(".show_hide").show();
        });
    });
</script>

{/block}